<template>
  <vue-modal
    title="配置新股"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*股票名称</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.name">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*认购价</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.price">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*每手股数</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.num">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*可选择的股数和金额</label>
          <div class="col-sm-9 text-left">
            <textarea class="form-control" rows="5" v-model="form.selectedSharesSpend" placeholder="例如： 股数#金额;股数#金额"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*扣费时间</label>
          <div class="col-sm-9 text-left">
            <vue-date-picker
              :time.sync="form.deductMoneyTime"
              :option='timePickerOption'>
            </vue-date-picker>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">是否推荐</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.isRecommend">
              <option value="0">否</option>
              <option value="1">是</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">观点标题</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.title">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">观点内容</label>
          <div class="col-sm-9 text-left">
            <textarea class="form-control" rows="5" v-model="form.descr"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*股票代码</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.code">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">入场费</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.gateMoney">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">上市价</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.listingPrice">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">认购截止时间</label>
          <div class="col-sm-9 text-left">
            <vue-date-picker
              :time.sync="form.endTime"
              :option='timePickerOption'>
            </vue-date-picker>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">上市时间</label>
          <div class="col-sm-9 text-left">
            <vue-date-picker
              :time.sync="form.listedDate"
              :option='datePickerOption'>
            </vue-date-picker>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*搜索跳转</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.url" placeholder="跳转链接">
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<script src="./new-share-config.js"></script>